<script setup>
import { ElRow } from "element-plus";
</script>

<template>
  <div class="footer">
    <div class="footer_hd">
      <div class="hd_box">
        <div class="">预约维护服务</div>
        <div class="">7天无理由退货</div>
        <div class="">15天免费换货</div>
        <div class="">满150元包邮</div>
      </div>
    </div>

    <div class="footer_bd">
      <div class="s_name">良哥大卖场</div>
      <div class="s_nav">
        <p>关于我们</p>
        <p>联系我们</p>
        <p>加入我们</p>
        <p>帮助中心</p>
        <p>售后服务</p>
      </div>
      <span>Copyright © 2024-8024 良哥大卖场 版权所有</span>
    </div>
  </div>
</template>

<style scoped lang="scss">
$scroll-color: rgba(68, 138, 255, 0.2);
$scroll-border-color: #448aff;
$scroll-border-radius: 5px;

.footer {
  height: 250px;
  text-align: center;
  font-size: 16px;
  margin-top: 4rem;
  position: relative;
  cursor: pointer;
  .footer_hd {
    height: 100px;
    line-height: 100px;
    color: #000000;

    .hd_box {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      div {
        flex: 1;
      }
    }
  }
  .footer_bd {
    color: #fff;
    background-color: #333333;
    width: 100%;
    height: 20rem;
    padding: 0;
    text-align: center;
    .s_name {
      font-size: 24px;
      color: $xtxColor;
      padding: 3rem 0;
    }
    .s_nav {
      display: flex;
      justify-content: space-between;
      width: 25rem;
      margin: 0 auto;
      padding: 1rem 0;
      p {
        flex: 1;
      }
    }

  }
}
</style>
